<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>秒杀</title>
</head>

<body>
    <nav>
        <span class="fanhui">></span>
        <span>饮食</span>
        <span>分享</span>
    </nav>
    <div class="meishi">
        <p class="youpin">有品生鲜美食</p>
        <p class="item"> <span>美味精选</span>
            <span class="qw">超值尝鲜</span>
            <span>品质保障</span>
        </p>
        <p class="ph"> <img src="../../public/imgs/1111.png" alt=""></p>
        <ul class="meth">
            <li>
                <img src="../../public/imgs/1314.png" alt="">
                <p>新品</p>
            </li>
            <li>
                <img src="../../public/imgs/1315.png" alt="">
                <p>酒水</p>
            </li>
            <li>
                <img src="../../public/imgs/1316.png" alt="">
                <p>生鲜</p>
            </li>
            <li>
                <img src="../../public/imgs/1317.png" alt="">
                <p>滋补</p>
            </li>
            <li>
                <img src="../../public/imgs/1318.png" alt="">
                <p>素食</p>
            </li>
            <li>
                <img src="../../public/imgs/1319.png" alt="">
                <p>热卖</p>
            </li>
            <li>
                <img src="../../public/imgs/1320.png" alt="">
                <p>茗茶</p>
            </li>
            <li>
                <img src="../../public/imgs/1321.png" alt="">
                <p>粮油</p>
            </li>
            <li>
                <img src="../../public/imgs/1322.png" alt="">
                <p>特产</p>
            </li>
            <li>
                <img src="../../public/imgs/1323.png" alt="">
                <p>轻食</p>
            </li>
        </ul>
        <p class="qixi"><span>情人节精选</span></p>

        <ul class="qixiq">
            <li>
                <img src="../../public/imgs/22.png" alt="">
                <p>现制巧克力礼盒</p>
                <p class="qiaokeli">￥<span>139</span></p>
            </li>
            <li>
                <img src="../../public/imgs/23.png" alt="">
                <p>喜兔巧克力礼盒</p>
                <p class="qiaokeli">￥<span>189</span></p>

            </li>
            <li>
                <img src="../../public/imgs/24.png" alt="">
                <p>巧克力巧克力</p>
                <p class="qiaokeli">￥<span>169</span></p>

            </li>
        </ul>
    </div>
    </div>
    <footer>
        <ul>
            <li>
                <span class="iconfont icon-shengxian"></span>
                <p>生鲜食品</p>
            </li>
            <li>
                <span class="iconfont icon-jiu"></span>
                <p>茅台饮酒</p>
            </li>
        </ul>
    </footer>
</body>

</html>